{{define "system/user/profile/resetPwd"}}
    <!DOCTYPE html>
    <html lang="zh" >
    <head>
        {{template "header" (OssUrl)}}
    </head>
    <body class="white-bg">
    <div class="wrapper wrapper-content   ibox-content">
        <form class="form-horizontal m" id="form-user-resetPwd">
            <input name="userId"  type="hidden"  value="{{.user.UserId}}" />
            <div class="form-group">
                <label class="col-sm-4 col-md-4 col-lg-4 col-xl-4 control-label control-label ">登录名称：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" readonly="true" name="loginName" value="{{.user.LoginName}}"/>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 col-md-4 col-lg-4 col-xl-4 control-label control-label">旧密码：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="password" name="oldPassword" id="oldPassword">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 col-md-4 col-lg-4 col-xl-4 control-label control-label">新密码：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="password" name="newPassword" id="newPassword">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 col-md-4 col-lg-4 col-xl-4 control-label control-label">再次确认：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="password" name="confirm" id="confirm">
                    <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 请再次输入您的密码</span>
                </div>
            </div>
        </form>
    </div>
    {{template "footer" (OssUrl)}}

    <script>
        $("#form-user-resetPwd").validate({
            rules:{
                oldPassword:{
                    required:true,
                },
                newPassword: {
                    required: true,
                    minlength: 5,
                    maxlength: 20
                },
                confirm: {
                    required: true,
                    equalTo: "#newPassword"
                }
            },
            messages: {
                oldPassword: {
                    required: "请输入原密码",
                    remote: "原密码错误"
                },
                newPassword: {
                    required: "请输入新密码",
                    minlength: "密码不能小于6个字符",
                    maxlength: "密码不能大于20个字符"
                },
                confirm: {
                    required: "请再次输入新密码",
                    equalTo: "两次密码输入不一致"
                }

            },
            focusCleanup: true
        });

        function submitHandler() {
            if ($.validate.form()) {
                let url = ctx + "/system/user/profile/resetSavePwd";
                let form = $('#form-user-resetPwd').serialize();
                $.operate.save(url,form,function (result){
                    $.modal.closeAll()
                });
            }
        }
    </script>
    </body>

    </html>
{{end}}